<template>
  <div>
    <div class="footer">
      <ul>
        <router-link to="/">
          <img src="../assets/img/首页.png" />
          <span>首页</span>
        </router-link>
        <router-link to="/list">
          <img src="../assets/img/分类.png" />
          <span>分类</span>
        </router-link>
        <router-link to="/car">
          <img src="../assets/img/购物车.png" />
          <span>购物车</span>
        </router-link>
        <router-link to="/ucenter">
          <img src="../assets/img/我的.png" />
          <span>我的</span>
        </router-link>
      </ul>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  height: 00.8rem;
  ul {
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    a {
      width: 25%;
      display: flex;
      flex-direction: column;
      align-items: center;
      img {
        width: 0.5rem;
        height: 0.5rem;
      }
    }
  }
}
</style>
